<html>
    <head>
        <title>leftbar</title>
        <style type="text/css">
            .leftbar{
                color:black;
                font-size: 13px;
                font-weight: 700;
                background-color:#EEF3F6; /*#ECF3F6;*/
                width:200px;
                height:auto;
                border:1px solid #BDD7E3 ;
                margin-left:15px;
                float:left;
            }
            .leftbar ul{
                border:0px solid red;
                list-style-type: none;
                height:100%;
            }
            .leftbar ul li{
                margin-left: -40px;
                padding-left: 60px;
                border:0px solid red;
                height:25px;
                width: auto;
                padding-top: 10px;
            }
            .leftbar ul li:hover{
                background-color: #2B78C8;
            }
            .leftbar ul li:focus{
                background-color: #2B78C8;
            }
            .leftbar ul li:visited{
                background-color: #2B78C8;
            }
        </style>
    </head>
    <div class='leftbar'>
        <ul class='nav nav-list'>
            <volist name="leftbar" id="navList">
                <if condition="$navList.type eq 'parent'">
                    <li>{$navList.forum_name}</li>
                    <else/>
                <li><a href="/User/forum/forumDetail?id={$navList.id}">{$navList.forum_name}</a></li>
                </if>
            </volist>
        </ul>
    </div>
</html>
